<template>
  <router-view />
</template>

<script setup>
import { onMounted } from 'vue'
import { initTheme } from '@/utils/theme'

// 初始化主题
onMounted(() => {
  initTheme()
})
</script>

<style>
/* 引入主题系统 */
@import './styles/theme.css';
/* 引入公共表格样式 */
@import './styles/common.css';
/* 引入自适应样式 */
@import './styles/responsive.css';

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style: none;
  text-decoration: none;
}


body {
  font-family: Source;
  background-color: var(--theme-bg-tertiary);
  overflow-x: hidden;
  color: var(--theme-text-regular);
}

/* 请求加载遮罩样式 */
.request-loading {
  background: rgba(0, 0, 0, 0.7) !important;
}

.request-loading .el-loading-text {
  color: #ffffff !important;
  font-size: var(--font-size-base) !important;
  margin-top: 10px !important;
}

.request-loading .el-loading-spinner {
  color: var(--theme-primary) !important;
}

.request-loading .el-loading-spinner .circular {
  width: 50px !important;
  height: 50px !important;
}

.request-loading .el-loading-spinner .path {
  stroke: var(--theme-primary) !important;
  stroke-width: 3 !important;
}

/* 无遮罩层的加载样式 */
.request-loading-no-mask {
  background: transparent !important;
}

.request-loading-no-mask .el-loading-text {
  color: var(--theme-text-primary) !important;
  font-size: var(--font-size-base) !important;
  margin-top: 10px !important;
}

.request-loading-no-mask .el-loading-spinner {
  color: var(--theme-primary) !important;
}

.request-loading-no-mask .el-loading-spinner .circular {
  width: 40px !important;
  height: 40px !important;
}

.request-loading-no-mask .el-loading-spinner .path {
  stroke: var(--theme-primary) !important;
  stroke-width: 3 !important;
}

#app {
  height: 100vh;
}

img {
  max-width: 100%;
  max-height: 100%;
}
</style>
